<docs>
  ## 服务指南列表 (请求接口无下拉刷新)
  ## props
</docs>
<template>
  <div>
    <mheader class="index" @back_btn="goBack()" title="服务指南列表"></mheader>
    <div class="search">
        <ul class="item-wrap">
          <li class="item" v-for="(item, index) in List" :key="index">
            <div class="item-title-text_center">
              <p @click="inforCx(item.fwznid)">标题：<span class="zt-dqy">{{item.znmc}}</span></p>
            </div>
            <div class="item-title-text_center">
                业务类型：
                <span>{{item.ywlb}}</span>
            </div>
          </li>
        </ul>
        <div class="no-text" v-show="dataflag">暂无数据</div>
    </div>
  </div>
</template>
<script>
import Mheader from "@/ldry/group/mheader/mheader";
import $ from "@/common/js/axios";
import MessageCard from "@/ldry/group/messageCard/messageCard";

export default {
  components: {
     Mheader
  },
  name: "search",
  data() {
    return {
      List: [],
      dataflag: false,
      pageSize: 1000
    };
  },
  methods: {
    // 获取申请列表
    GET_reverseList() {
      this.$loading = true;
      $.post("/dafwgl/fwzn/fwzn", { pageSize: this.pageSize, pageNum: '1' } )
        .then(res => {
          const data = res.returnData;
          // 无查询结果
          this.$loading = false;
          if (+data.executeResult === 0) {
            this.dataflag = true;
          } else {
            this.List = data.fwzn;
          }
        })
        .finally();
    },
    // ----
    goBack() {
      this.$router.go(-1);
    },
    inforCx(item) {
      const sqid = item;
      this.$router.push({ name: "infor", query: { sqid } });
    }
  },
  created() {
    this.GET_reverseList();
  }
};
</script>
<style lang="scss" scoped>
@import "~common/scss/variable.scss";
.search {
  .title {
    font-size: 45px;
    color: #fff;
    box-sizing: border-box;
    height: 8%;
    padding: $padding-base;
    background-color: #2e7ef7;
  }
  .item {
    border: $border;
    background-color: #fff;
    margin-bottom: $margin-base;
    font-size: $font-size-base;
    .item-title-text_center {
      border-bottom: 1px solid #dbdbdb;
      padding: 0.44444rem;
    }
    .zt-dqy {
      color: $color-base;
    }
  }
  /* 箭头 */
  .arrow::before {
    content: "";
    width: 30px;
    height: 30px;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    transform: rotate(-45deg);
    float: left;
    margin: 50px 0 0 50px;
  }
}
</style>
